body{ background-color: #d5433d; }
body .container{ padding:0 0.65rem; }
body .head{ padding:0.5rem 0; height:1rem; line-height:1rem; font-size:0.5rem; text-align:center; color:#fff; position:relative; }
body .head .icon-jiantou1{ font-weight:bold; font-size:0.8rem; position:absolute; left:0; }
body .head h2{ display:inline-block; font-size:0.8rem; }
body .head .overdue{ position:absolute; font-size:0.65rem; margin-right:0.4rem; font-weight:100; right:0; top:0.52rem; }
body .head .overdue span{ position:absolute; background-color:#fff; color:#d5433d; font-size:0.1rem; font-weight:bold; display:inline-block; width:0.5rem; height:0.5rem; line-height:0.5rem; border-radius:0.1rem; right:-0.6rem; }

body .foot ul{ padding:0.6rem 1rem 0; width:88%; }
body .foot li{ float:left; margin-right:1rem; }
body .foot li:last-child{ margin-right:0; }
body .foot li.plus{ width:2.3rem; height:2.3rem; background-color:#fff; border-radius:50%; text-align:center; line-height:2.3rem; margin:0 0.75rem 0 -0.35rem;  position:relative; top:-1.7rem; box-shadow:0 0 0 2px #f1f1f1; z-index:99; }
body .foot li.plus i{ font-size:1rem; font-weight:bold; color:#db4b40; }
body .foot li div{ width:1.8rem; height:2rem; position:relative; }
body .foot li div.hover{ box-shadow:-0.28rem -0.23rem 8px 0 #840c0d; font-weight:bold; margin-bottom:0.05rem; }
body .foot li div span{ position:absolute; top:0.1rem; left:0.5rem; z-index:100; color:#db4b40; }
body .foot li p{ font-size:0.6rem; color:#fff; position:relative; left:-0.1rem; }

#calender-index .content{ background-color:#fff; border-radius:0.2rem; font-size:0.3rem; }
#calender-index .content .content-head{ padding:0.8rem 0.4rem 0.5rem; border-bottom:1px solid #d9d9d9; overflow:hidden; }
#calender-index .content .head-left span{ color:#3d3d3d; font-size:0.9rem; }
#calender-index .content .head-left .drop-down{ position:absolute; left:1.1rem; top:4.3rem; text-align:center; width:2rem; border: 1px solid #ececec; border-radius:0.2rem; background-color:#fff; display:none; z-index:999; }
#calender-index .content .head-left .drop-down ul{ background-color:#fff; border-radius:10px; }
#calender-index .content .head-left .drop-down ul:after{ position:absolute; left:0.3rem; top:-0.2rem; content:''; width:0.3rem; height:0.3rem; background:#fff; border-left:1px solid #ececec; border-top:1px solid #ececec; transform:rotate(45deg); }
#calender-index .content .head-left .drop-down ul li{ border-bottom:1px solid #e8e8e8; height:0.8rem; line-height:0.8rem; color:#666; overflow:hidden; }
#calender-index .content .head-left .drop-down ul li:last-child{ border:none; }
#calender-index .content .head-right{ padding-top:0.4rem; }
#calender-index .content .head-right li{ float:left; margin-left:0.5rem; }
#calender-index .content .head-right li span{ font-size:0.6rem; margin-left:0.1rem; }
#calender-index .content .icon-tb17{ color:#d5433d; }
#calender-index .content .icon-kafeiting{ color:#2ba388; }
#calender-index .content .icon-gongzuo{ color:#fda342; }
#calender-index .content .icon-yule{ color:#3f85fb; }

#calender-index .content .content-index{ padding:0 0.4rem; }
#calender-index .content .content-index li{ float:left; width:1.98rem; height:1.5rem; line-height:1.5rem; text-align:center; font-size:0.5rem; }
#calender-index .content .list-container{ padding:0.5rem 0.45rem 0.4rem; background-color:#f3f3f3; }
#calender-index .content .content-list{ overflow:hidden; width:14rem; min-height:16.4rem; margin-bottom:0.4rem; }
#calender-index .content .content-list .outer{ float:left; border-bottom:0.1rem solid #f3f3f3; border-right:0.1rem solid #f3f3f3; width:1.7rem; height:2.7rem; text-align:center; padding:0 0.1rem; background-color:#fff; }
#calender-index .content .content-list .outer.firstSpace.col0{ display:none; }
#calender-index .content .content-list .outer.firstSpace.col1{ width:1.68rem; }
#calender-index .content .content-list .outer.firstSpace.col2{ width:3.68rem; }
#calender-index .content .content-list .outer.firstSpace.col3{ width:5.7rem; }
#calender-index .content .content-list .outer.firstSpace.col4{ width:7.65rem; }
#calender-index .content .content-list .outer.firstSpace.col5{ width:9.65rem; }
#calender-index .content .content-list .outer.firstSpace.col6{ width:11.65rem; }
#calender-index .content .content-list .outer.lastSpace.col0{ width:11.65rem; }
#calender-index .content .content-list .outer.lastSpace.col1{ width:9.65rem; }
#calender-index .content .content-list .outer.lastSpace.col2{ width:7.65rem; }
#calender-index .content .content-list .outer.lastSpace.col3{ width:5.7rem; }
#calender-index .content .content-list .outer.lastSpace.col4{ width:3.68rem; }
#calender-index .content .content-list .outer.lastSpace.col5{ width:1.68rem; }
#calender-index .content .content-list .outer.lastSpace.col6{ display:none; }
#calender-index .content .content-list .outer div{ text-align:left; font-size:0.5rem; }
#calender-index .content .content-list .inner{ float:left; position:relative; width:0.85rem; }
#calender-index .content .content-list .inner i{ font-size:0.8rem; position:relative; z-index:99; }
#calender-index .content .content-list .inner span{ position:absolute; top:-0.35rem; left:0.45rem; background-color:#f1f1f1; color:#d3344d; width:0.6rem; height:0.6rem; border-radius:50%; font-weight: bold; }

#calender-daily .content{ background-color:#fff; border-radius:0.4rem; font-size:0.3rem; }
#calender-daily .content .content-head{ padding:0.8rem 0.5rem 0.5rem; }
#calender-daily .content .content-head input{ color:#3d3d3d; font-size:0.9rem; border:none; width:5rem; }
#calender-daily .content .content-head i{ color:#999; font-size:0.5rem; }
#calender-daily .content .head-list{ padding:0 0.4rem 0 0.5rem; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; height:1.3rem; line-height:1.3rem; }
#calender-daily .content .head-list li{ float:left; margin-right:0.45rem; }
#calender-daily .content .head-list li.fr{ color:#d0d0d0; margin-right:0; font-size:0.5rem; }
#calender-daily .content .head-list li span{ font-size:0.6rem; margin-left:0.1rem; }
#calender-daily .content .content-list{ height:18rem; position:relative; }
#calender-daily .content .content-list tbody{ display:block; height:18rem; overflow-y:scroll; }
#calender-daily .content .content-list tbody tr{ padding:0.7rem 0; display:inline-block; width:100%; }
#calender-daily .content .content-list tbody tr:first-child{ padding-top:1rem; }
#calender-daily .content .content-list tbody tr:last-child{ padding-bottom:2rem; }
#calender-daily .content .content-list tbody td{ float:left; }
#calender-daily .content .content-list tr div{ display:inline-block; width:25px; height:25px; border-radius:50%; position:relative; top:-3px; left:1px; z-index:99; }
#calender-daily .content .content-list tr i{ color:#fff; position:absolute; top:0.15rem; left:4px; }
#calender-daily .content .content-list td span{ color:#d2d2d2; }
#calender-daily .content .content-list td.tr span b{ color:#999; margin-left:4px; font-weight:normal; }
#calender-daily .content .content-list td.tl span b{ color:#999; margin-right:4px; font-weight:normal; }
#calender-daily .content hr{ height:99.7%; position:absolute; top:0; left:50%; margin:0; }
#calender-daily .content .content-list tr div.tb17{ background-color:#d5433d; }
#calender-daily .content .content-list tr div.kafeiting{ background-color:#2ba388; }
#calender-daily .content .content-list tr div.gongzuo{ background-color:#fda342; }
#calender-daily .content .content-list tr div.yule{ background-color:#3f85fb; }
#calender-daily .content .icon-tb17{ color:#d5433d; }
#calender-daily .content .icon-kafeiting{ color:#2ba388; }
#calender-daily .content .icon-gongzuo{ color:#fda342; }
#calender-daily .content .icon-yule{ color:#3f85fb; }

body .mask{ position:fixed; left:0; top:0; width:100%; height:100%; display:none; background-color:#000; opacity:0.3; z-index:1000; }
body .bar{ position:fixed; width:13rem; height:100%; background-color:#fff; top:0; left:-13rem; z-index:2000; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; }
body .bar.show{ left:0; }
body .bar .leftBar{ background-color:#29ab91; width:3.5rem; height:100%; overflow-y:auto; overflow-x:hidden; }
body .bar .leftBar h3{ font-size:0.75rem; color:#fff; height:2rem; line-height:2rem; text-align:center; }
body .bar .leftBar ul{ background-color:#29ab91; padding-bottom:0.6rem; }
body .bar .leftBar ul li{ margin:0 0 0.3rem 0.25rem; padding:0.25rem 0 0.25rem 0.2rem; border-radius:6px 0 0 6px; height:1.5rem; line-height:1.5rem; color:#fff; }
body .bar .leftBar ul li.hover{ background-color:#fff; }
body .bar .leftBar ul li i{ font-size:1rem; float:left; }
body .bar .leftBar ul li.hover .icon-tb17{ color:#d5433d; }
body .bar .leftBar ul li.hover .icon-kafeiting{ color:#2ba388; }
body .bar .leftBar ul li.hover .icon-gongzuo{ color:#fda342; }
body .bar .leftBar ul li.hover .icon-yule{ color:#3f85fb; }
body .bar .leftBar ul li span{ font-size:0.62rem; margin-left:0.1rem; float:left; width:1.9rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
body .bar .leftBar ul li.hover span{ color:#000; }
body .bar .leftBar div{ background-color:#29ab91; padding:0.3rem 0 1rem; margin:0 0.2rem; text-align:center; border-top:1px dotted #3fc6a8; }
body .bar .leftBar div span{ border-radius:1.2rem 1.2rem; display:inline-block; font-size:0.5rem; color:#fff; width:3rem; height:1rem; line-height:0.9rem; text-align:center; border:1px solid #34b498; background-image: -webkit-linear-gradient(top, #29ab91, #237f6a); }
body .bar .rightBar{ background-color:#fff; padding:0 0.2rem; width:9.1rem; overflow-y:auto; height:100%; }
body .bar .rightBar ul{ padding:2.15rem 0 1.2rem; }
body .bar .rightBar ul li{ margin-bottom:0.5rem; }
body .bar .rightBar ul li h4{ border:1px solid #df6e68; border-radius:6px 6px; padding:0.3rem; overflow:hidden; height:1.1rem; line-height:1.1rem; margin-bottom:0.6rem; }
body .bar .rightBar ul li h4 .mainTitle{ float:left; color:#d4433d; font-size:0.8rem; width:4.6rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body .bar .rightBar ul li h4 .subtitle1{ float:left; color:#d4433d; font-size:0.5rem; line-height:1.4rem; }
body .bar .rightBar ul li h4 .subtitle2{ float:left; color:#d4433d; font-size:0.5rem; line-height:1.4rem; display:none; }
body .bar .rightBar ul li h4.done{ border-color:#d4433d; }
body .bar .rightBar ul li h4.done span{ color:#d4433d; }
body .bar .rightBar ul li h4.abandon{ border-color:#4d4d4d; }
body .bar .rightBar ul li h4.abandon span{ color:#4d4d4d; }
body .bar .rightBar ul li h4 a{ float:right; color:#999; font-size:0.7rem; }
body .bar .rightBar ul li h4 a i{ display:inline-block; font-weight:bold; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; }
body .bar .rightBar ul li h4 a i.rotate{ transform:rotate(180deg); -webkit-transform:rotate(180deg); position:relative; top:-0.1rem; }
body .bar .rightBar ul li .drop-content{ padding-left:0.4rem; overflow:hidden; }
body .bar .rightBar ul li .drop-content .drop-left{ float:left; width:1.4rem; height:6.2rem; position:relative; }
body .bar .rightBar ul li .drop-content.over .drop-left{ height:1.4rem; }
body .bar .rightBar ul li .drop-content .drop-left .img-box{ display:inline-block; width:1.4rem; height:1.4rem; border-radius:50%; position:relative; z-index:99; overflow:hidden; }
body .bar .rightBar ul li .drop-content .drop-left .img-box.tb17{ background-color:#d5433d; }
body .bar .rightBar ul li .drop-content .drop-left .img-box.kafeiting{ background-color:#2ba388; }
body .bar .rightBar ul li .drop-content .drop-left .img-box.gongzuo{ background-color:#fda342; }
body .bar .rightBar ul li .drop-content .drop-left .img-box.yule{ background-color:#3f85fb; }
body .bar .rightBar ul li .drop-content .drop-left .img-box img{ display:block; width:100%; }
body .bar .rightBar ul li .drop-content .drop-left .img-box.tb17 i,body .bar .rightBar ul li .drop-content .drop-left .img-box.gongzuo i{ top:7%; }
body .bar .rightBar ul li .drop-content.over .drop-left .img-box i{ color:#29ab91; font-size:1.2rem; position:relative; left:0.1rem; top:-0.2rem; }
body .bar .rightBar ul li .drop-content.over .drop-left .img-box i.icon-fanxiantongqian{ top:0; color:#f6a248; }
body .bar .rightBar ul li .drop-content .drop-left hr{ height:100%; position:absolute; top:0; left:48%; margin:0; }
body .bar .rightBar ul li .drop-content .drop-left b{ position:absolute; width:8px; height:8px; border-radius:50%; top:60%; left:38%; background-color:#29ab91; }
body .bar .rightBar ul li .drop-content .drop-left b.ing{ background-color:#e9e9eb; }
body .bar .rightBar ul li .drop-content .drop-right{ float:left; padding:0.2rem 0 0.3rem 0.4rem; width:5.7rem; height:5.8rem; }
body .bar .rightBar ul li .drop-content.over .drop-right{ height:1.2rem; }
body .bar .rightBar ul li .drop-content .drop-right h5{ font-size:0.7rem; }
body .bar .rightBar ul li .drop-content .drop-right h5 a{ color:#000; float:none; margin:0; }
body .bar .rightBar ul li .drop-content .drop-right i{ font-size:1rem; margin-right:1rem; }
body .bar .rightBar ul li .drop-content .drop-right span{ font-size:0.6rem; color:#a0a0a0; display:block; }
body .bar .rightBar ul li .drop-content .drop-right p{ font-size:0.7rem; margin-top:0.4rem; height:1.9rem; overflow:hidden; }
body .bar .rightBar ul li .drop-content .drop-right a{ color:#fff; float:left; font-size:0.6rem; width:1.5rem; height:1rem; line-height:1rem; border-radius:0.1rem; text-align:center; margin-right:0.4rem; }
body .bar .rightBar ul li .drop-content .drop-right a.receive,body .bar .rightBar ul li .drop-content .drop-right a.done{ background-color:#29ab91; }
body .bar .rightBar ul li .drop-content .drop-right a.transmit{ background-color:#3f85fb; }
body .bar .rightBar ul li .drop-content .drop-right a.deny,body .bar .rightBar ul li .drop-content .drop-right a.abandon,body .bar .rightBar ul li .drop-content .drop-right a.revoke{ background-color:#d5433d; }
body .bar .rightBar ul li .drop-content .drop-right a.end{ color:#000; font-size:1rem; width:auto; }

#calender-weekTask .content{ background-color:#fff; overflow:hidden; border-radius:0.4rem; }
#calender-weekTask .content .content-line{ padding:0.2rem 0 0.4rem; border-bottom:2px solid #d7d7d7; overflow:hidden; }
#calender-weekTask .content .content-line:last-child{ border:none; }
#calender-weekTask .content .content-line .content-box{ float:left; border-right:1px dashed #dbdbdb; width:44.8%; padding:0 2.5%; }
#calender-weekTask .content .content-line .content-box:last-child{ border:none; }
#calender-weekTask .content .content-line .content-box h3{ font-size:0.9rem; }
#calender-weekTask .content .content-line .content-box h3.today{ color:#d5433d !important; }
#calender-weekTask .content .content-line .content-box h3.today em{ font-size:0.9rem; }
#calender-weekTask .content .content-line .content-box h3.blue{ color:#443df3; }
#calender-weekTask .content .content-line .content-box h3.green{ color:#42b142; }
#calender-weekTask .content .content-line .content-box h3 em{ font-size:0.6rem; margin-left:0.4rem; }
#calender-weekTask .content .content-line .content-box ul{ font-size:0.4rem; margin-top:0.2rem; color:#979797; line-height:0.8rem; height:3.5rem; overflow:hidden; }
#calender-weekTask .content .content-line .content-box ul li{ overflow:hidden; }
#calender-weekTask .content .content-line .content-box ul .left{ float:left; width:37%; }
#calender-weekTask .content .content-line .content-box ul .right{ float:left; width:63%; max-height:1.5rem; overflow:hidden; }
#calender-weekTask .content .content-line:last-child .content-box:last-child{ height:4rem; line-height:4rem; text-align:center; font-size:1.5rem; color:#979797; }

#calender-weekTask .left-move,#calender-weekTask .right-move{ background:url("../images/leftright.png") no-repeat; width:35%; float:left; height:4rem; background-size:183%; }
#calender-weekTask .right-move{ background-position-x:-1.7rem; }
#calender-weekTask .text{ float:left; width:30%; font-size:1.1rem; height:2.2rem; line-height:1.2rem; vertical-align:middle; padding-top:0.5rem; }